/*
 * @Description: 
 * @Author: HYH
 * @email: HYH_0716@163.com
 * @version: 
 * @Date: 2025-11-05 16:38:52
 * @LastEditors: your name
 * @LastEditTime: 2025-11-06 17:35:37
 */
import React from 'react';
import Header from '../components/Header'; // 引入新增的Header组件
import Sidebar from '../components/Sidebar';
import MainContent from '../components/MainContent';
import { SidebarConfig } from '../router/routeConfig';
import './MainLayout.css';

const MainLayout: React.FC = () => {
  return (
    <div className="app-layout">
      {/* 顶部Header */}
      <Header />
      
      {/* 下方嵌套布局：Sider + Content */}
      <div className="app-layout-bottom">
        <Sidebar routes={SidebarConfig} />
        <MainContent />
      </div>
    </div>
  );
};

export default MainLayout;